<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			.special {
                margin-top: 0;
                padding-top: 14px;
                padding-bottom: 0;
				border: 1px solid red;  
                background-image: linear-gradient(hsla(0, 87%, 45%, 0.994), rgba(224, 11, 11, 0.591)); 
				height: 30px;   
                position:relative;
                color: aliceblue;
            }
            .F{position: absolute;left: 630px;width: 200px;height: 100px;}
            .More{border: 1px solid rgba(0, 0, 0, 0.641);  
				height: 530px;   
                }
            .S{padding-left: 370px; }
            span{font-size: 15px;padding-left: 112px}
            .R{height: 100px;border: 1px;border-color: black;border: 1px solid black;font-size: 50px;margin-bottom: 10px;color: brown;background-color: rgb(207, 199, 199);}
            li{float:left;list-style-type:none;padding-left:50px;padding-top: 0;}
            
		</style>
	</head>
	<body style="margin: 0 auto;width: 800px;">
        <p class="R"><span>和谐社区</span><span>诚信守法</span><span>交通出行</span><span>便民服务</span></p>
		<div class="special"><span class="S">商家广告</span><span class="F">更多&gt;&gt;</span></div>
		<div class="More">
            <ul>
                <li><img src="img.webp" alt="商家广告1" width="250px" height="200px"/><br><p style="padding-left: 100px;width: 200px;color: blue;padding-top: 1px;">商家广告1</p> </li>
                <li>
                    <img src="img.webp" alt="商家广告1" width="250px" height="200px"/><br><p style="padding-left: 100px;width: 200px;color: blue;padding-top: 1px;">商家广告2</p> 
                </li>
                <li>
                    <img src="img.webp" alt="商家广告1" width="250px" height="200px"/><br><p style="padding-left: 100px;width: 200px;color: blue;padding-top: 1px;">商家广告3</p> 
                </li>
                <li>
                    <img src="img.webp" alt="商家广告1" width="250px" height="200px"/><br><p style="padding-left: 100px;width: 200px;color: blue;padding-top: 1px;">商家广告4</p> 
                </li>
            </ul>   
	</body>
</html>
